
.loginPage{
    margin-top: 108px;
}
.loginPage .container .left{
    margin-left: 40px;
    margin-top: 40px;
}
.loginPage .container .right{
    margin-right: 40px;
    width: 414px;
    height: 571px;
    background: white;
    padding-right:44px ;
    padding-left: 42px;
    box-shadow: 0 0px 9px  9px #f0f5ff;
}
.loginPage .textInput{
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #e1e5f0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-border-sizing:border-box;
}
.regeister .textInput{
    border: none;
}
.loginPage .container .right .quickLogin{
    padding-top:55px;
    padding-bottom: 35px;
    font-size: 22px;
    color: #333333;
    font-weight: bold;
}
.loginPage .container .right .formText{
    height: 80px;
}
.loginPage .container .right .formText .textInput{
    background-repeat: no-repeat;
    background-position:18px center;
    background-size: 21px 25px;
    font-size: 0;
    vertical-align: top;
    height: 48px;
    position: relative;

}

.loginPage .container .right .formText input{
    display: inline-block;
    height: 46px;
    z-index: 23;
    width:360px;
    background: transparent;
    vertical-align: top;
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 52px;
}
.loginPage .container .right .textInput.focus{
    border: 1px solid #5c7afb;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-border-sizing:border-box;
}
.loginPage .container .right .phoneCode .textInput{

}
.loginPage .container .right .phoneCode label{
    display: inline-block;
    width: 52px;
    height: 46px;
    background-image: url("../images/userAccount.png");
    background-repeat: no-repeat;
    background-position:18px center;
    background-size: 21px 25px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    background-color: white;
}
.loginPage .container .right .passCode label{
    display: inline-block;
    width: 52px;
    height: 46px;
    background-image: url("../images/userPassword.png");
    background-repeat: no-repeat;
    background-position:18px center;
    background-size: 21px 25px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: white;
    z-index: 999;
}

/*.loginPage .container .right .passCode .textInput{*/
/*background-image: url("../images/userPassword.png");*/
/*}*/
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #aeb2ba;
    font-size: 16px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #aeb2ba;
    font-size: 16px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #aeb2ba;
    font-size: 16px;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #aeb2ba;
    font-size: 16px;
}

.loginPage .container .right .messCode input{
    position: static;
    width: 247px;
    padding-left: 20px;
    border: 1px solid #e1e5f0;
    height: 48px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-border-sizing:border-box;
    z-index: 23;
    background: transparent;
}
.regeister .container .right .messCode input.regeisterMsg{
    padding-left: 10px;
}
.regeister .container .right .messCode input.getCode{
    padding-left: 0;
    border: none;
}

.loginPage .container .messCode .textInput{
    border: none;
}
.loginPage .container .right .messCode .codePic{
    float: right;
    width: 150px;
    height: 48px;
    background: #f2f2f2;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
.remberLogin span{
    font-size: 14px;
    color: #666666;
    padding-left: 10px;
    /*position: absolute;*/
    /*width: 100%;*/
    /*left: 0;*/
    /*z-index: 1;*/
}
.remberLogin  a{
    color: #4982ff;
    font-size: 14px;
    cursor: pointer;
}
.regeister .textInput input:focus{
    border: 1px solid #5c7afb;
}
.regeister .container .right .messCode input:focus{
    border: 1px solid #5c7afb;
}
.loginBtn input{
    width: 100%;
    height: 50px;
    margin-top: 24px;
    border-radius: 22px;
    -webkit-border-radius: 22px;
    background: linear-gradient(to right,#4982ff,#657bfd);
    text-align: center;
    font-size: 20px;
    color: white;
    letter-spacing: 2px;
    line-height: 50px;
}
.remberLoginLable{
    position: relative;
}
.remberLoginLable input {
    visibility: hidden;
}
.remberLoginLable .label{
    cursor: pointer;
    position: absolute;
    width: 16px;
    height: 16px;
    top:4px;
    left: 0;
    background: #ffffff;
    border:1px solid #e6e6e6;
    border-radius: 2px;
}
.remberLoginLable .label:after {
    opacity: 0;
    content: '';
    position: absolute;
    width: 9px;
    height: 5px;
    background: transparent;
    top: 2px;
    left: 2px;
    border: 3px solid white;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.remberLoginLable input[type=checkbox]:checked + .label{
    background:linear-gradient(to right,#598cfd,#647bfd) ;
    border-color:#598cfd ;
}
.remberLoginLable input[type=checkbox]:checked + .label:after {
    opacity: 1;
}
.regeisterOper a{
    font-size: 14px;
    color: #4982ff;
}
.regeisterOper{
    margin-top: 12px;
}
.regeisterOper .forgetPassword{
    margin-left:25px ;
    float: left;
}
.regeisterOper .regeister{
    margin-left:15px ;
    float: right;
}
.loginErrorTips{
    font-size: 16px;
    color: #ff4949;
    line-height: 36px;
    display: none;
    margin-top: -20px;
}
.loginErrorTips  a{
    color: #4982ff;
}
@media screen and (max-width: 1400px){
    .header{
        padding: 15px 0;
    }
    .loginPage{
        margin-top: 40px;
    }
    .loginPage .container .right{
        height: 480px;
    }
    .loginPage .container .right .quickLogin{
        padding-top:30px;
        padding-bottom: 25px;
    }
    .loginPage .container .left{
        margin-top: 20px;
    }
    .footer{
        margin-top: 10px;

    }
}
/*regeisterCode
注册部分
*/
.regeisterCode .textInput{
    height:50px ;
    line-height: 50px;
}
.regeisterCode .errorTips{
    visibility: hidden;
    margin-left: 75px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #ff4949;
    padding: 5px 0;
    padding-left: 30px;
    position: relative;
    background-image: url("../images/listIcon.png");
    background-position: -165px center;
    background-repeat: no-repeat;



}
.regeisterCode .errorTips
.regeisterCode .showErrorTips:after{
    position: absolute;
    content: '';
    left:0px ;
    top:50%;
    margin-top: -10px;
    width:20px;
    height: 20px;
    background-image: url("../images/listIcon.png");
    background-position: -165px 0;
    background-repeat: no-repeat;
}
.regeisterCode .textInput{
    font-size: 0;
}
.regeisterCode span{
    display: inline-block;
    width: 75px;
    height: 100%;
    font-size:16px ;
    color:#4c4c4c;
}
.regeisterCode input{
    display: inline-block;
    width:325px ;
    padding-left: 12px;
    height: 48px;
    line-height: 48px;
    border: 1px solid #e1e5f0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.loginPage .container .right .messCode .regeisterMsg{
    width: 168px;
}
.messCode span{
    display: inline-block;
    width: 75px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
}
.loginPage .container .right .messCode .getCode{
    background: #4982ff;
    text-align: center;
    font-size: 16px;
    color: white;
}
.loginPage .container .right .messCode .getCode.forbiden{
    background: #636a79;
}

.layer{
    position: fixed;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    z-index: 2;
    display: none;
}
.layer .tc{
    position: absolute;
    left: 0;
    top:0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 800px;
    height: 600px;
    background: white;
    border-radius: 8px;
    -webkit-border-radius: 8px;
}
.layer  .tcTop{
    height: 40px;
    position: relative;
}
.layer  .tcTop .tcClose{
    position: absolute;
    right: 20px;
    bottom: 0;
    cursor: pointer;
}
.layer .tcTitle{
    text-align: center;
    font-size:22px ;
    color:#333 ;
    font-weight: bold;
    padding-bottom: 20px;
}
.layer .tcContent{
    padding: 0 48px;
    font-size: 14px;
    color: #4c4c4c;
    height: 500px;
    overflow-y: scroll;
}
.layer .tcContent p{
    padding-bottom: 22px;
    line-height: 1.7;
}
::-webkit-scrollbar {display:none}